<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
            <link rel="stylesheet" href="${request.contextPath}/statics/plugins/kindeditor-4.1.7/themes/default/default.css"/>
            <script charset="utf-8" src="${request.contextPath}/statics/plugins/kindeditor-4.1.7/kindeditor-min.js"></script>
            <script charset="utf-8" src="${request.contextPath}/statics/plugins/kindeditor-4.1.7/lang/zh_CN.js"></script>
            <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
            <style>
                .left {
                    float: left;
                    width: 17%;
                    height: 100%;
                }
                .right {
                    width: 83%;
                    margin-left: 17.2%;
                    height: 100%;
                    border-left: 1.1px solid #1b1b19;
                }
                .middle {
                    width: 100%;
                    height: 100%;
                    border-top: 1.1px solid #1b1b19;
                }
                .ke-dialog-default{
                    top: 222px;
                }
                .tab-head{ background-color:#f3f3f3; height:35px; overflow:hidden; }
                .tab-head li{ float:left; }
                .tab-head li a{ display:block; width:100px; line-height:35px; text-align:center; }
                .tab-head li.active a, .tab-head li a:hover{ border-top:2px solid #016FA8; background-color:#fff; color:#f00; text-decoration:underline; }
                .tab-content{ height:100px; padding:10px; }
                .yq-table{

                }
                .yq-table{
                    border: 1px solid #337ab7;
                }
                .yq-table th{
                    height: 40px;
                    padding: 0 10px;
                    font-size: 14px;
                    line-height: 40px;
                    color: #666;
                }
            </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="left">
        <div>
            <a id="pcadd" @click="addcategroy"><i class="fa fa-plus" ></i>&nbsp;新增</a>
            <a id="pcmod" @click="modcategroy"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            <a id="pcdel" @click="delcategroy"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>
        <div class="col-sm-10">
            <ul id="CategoryZtree" class="ztree"></ul>
        </div>
    </div>
    <div id="categadd" class="panel panel-default" style="display:none">
        <form class="form-horizontal">

            <div  v-show="clickTreeNode.pid == 0" class="form-group">
                <div class="col-sm-2 control-label">上级分类:</div>
                <div class="col-sm-10">
                    <p> {{clickTreeNode.name}}</p>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">分类名称:</div>
                <div class="col-sm-10">
                    <input id="newname" type="text" class="form-control" placeholder="分类名称"/>
                </div>
            </div>
        </form>
    </div>
    <div id="categgmod" class="panel panel-default" style="display:none">
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">原名称:</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control"  v-model="clickTreeNode.name" readonly/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">新名称:</div>
                <div class="col-sm-10">
                    <input type="text" id="oldname" class="form-control" placeholder="新分类名称"/>
                </div>
            </div>
        </form>
    </div>
    <div id="showtable" class="right">
        <div class="panel-heading">{{title}}</div>
         <div  class="grid-btn">
             <div class="form-group col-sm-2">
                 <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="产品名">
             </div>
             <a class="btn btn-default" @click="query">查询</a>
             <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
             <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
             <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
         </div>
         <table id="jqGrid"></table>
         <div id="jqGridPager"></div>
     </div>
    <div id="addormod" class="right">
        <div class="panel-heading">{{title}}</div>
        <div class="wrap tab-area">
            <ul class="tab-head">
                <li><a  name="#tab1">基本信息</a></li>
                <li><a name="#tab2">参数设置</a></li>
                <li><a  name="#tab3">产品详情</a></li>
                <!--<li><a  name="#tab4">产品参数</a></li>
                <li><a name="#tab5">产品功能</a></li>-->
            </ul>
            <div class="tab-body">
                <div id="tab1" class="tab-content">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">课程名称</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="btCustomerProBaseinfo.title" placeholder="课程名称"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">课程主图</div>
                            <div class="col-sm-10">
                                <div class="col-sm-10">
                                    <div v-for="item in imgarr"  style="position: relative;display: inline-block;width:100px;height: 100px;overflow: hidden;">
                                        <img id="bingimg" style="width:100px;height:100px;"  v-bind:src="item"/>
                                        <img class="delete" @click="deleteimg(item)" src="${request.contextPath}/statics/images/delete.png" style="position: absolute;top: 5px;right: 5px;width: 20px;">
                                    </div>
                                    <a class="btn btn-primary" id="upload" style="display: block;width: 120px;height: 35px;"><i class="fa fa-plus"></i>&nbsp;上传图片</a>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">课程分类</div>
                            <div class="col-sm-10">
                                <select name="public-choice"  @change="getCouponSelected">
                                    <option :value="0"  >请选择</option>
                                    <option :value="coupon.id" v-for="coupon in maincatagroy" >{{coupon.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">招生对象</div>
                            <div class="col-sm-10">
                                <!--<input type="text" class="form-control" v-model="btCustomerProBaseinfo.zsdxIds" placeholder="招生对象ids ，；分割"/>-->
                                <select name="public-choice"  @change="getZSDXSelected">
                                    <option :value="0"  >请选择招生对象</option>
                                    <option :value="coupon.id" v-for="coupon in zsdxcatagag" >{{coupon.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">营     期</div>
                            <div class="col-sm-10">
                                <select name="public-choice"  @change="getYQSelected">
                                    <option :value="0"  >请选择营期</option>
                                    <option :value="coupon.id" v-for="coupon in yingqicatag" >{{coupon.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">举办城市</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="btCustomerProBaseinfo.zbcsDesc" placeholder="举办城市" readonly="readonly"/>
                                <select name="public-choice"  @change="getJBCSSelected">
                                    <option :value="0"  >请选择举办城市</option>
                                    <option :value="-1"  >清空</option>
                                    <option :value="coupon.id" v-for="coupon in zbcitycatag" >{{coupon.name}}</option>

                                </select>
                            </div>
                        </div>
                        <div id="cfcs" class="form-group">
                            <div class="col-sm-2 control-label">游学国家</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="btCustomerProBaseinfo.cfcsDesc" placeholder="游学国家" readonly="readonly"/>
                                <select name="public-choice"  @change="getYXGJelected">
                                    <option :value="0"  >请选择游学国家</option>
                                    <option :value="-1"  >清空</option>
                                    <option :value="coupon.id" v-for="coupon in yxgjcatag" >{{coupon.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">活动主题</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="btCustomerProBaseinfo.hdztDesc" placeholder="活动主题"/>
                                <select name="public-choice"  @change="getHDZTSelected">
                                    <option :value="0"  >请选择活动主题</option>
                                    <option :value="-1"  >清空</option>
                                    <option :value="coupon.id" v-for="coupon in themecatag" >{{coupon.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label"></div>
                            <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                        </div>
                    </form>
                </div>
                <div id="tab2" class="tab-content">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">课程特色</div>
                            <div class="col-sm-10">
                                <!-- <input type="text" class="form-control" v-model="btCustomerProBaseinfo.bmyh" placeholder="报名优惠"/>-->
                                <textarea placeholder="报名优惠" v-model="btCustomerProBaseinfo.kcts" style="margin: 0px; width: 369px; height: 116px;"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">课程价格</div>
                            <div class="col-sm-10">
                               <input type="text" class="form-control" v-model="btCustomerProBaseinfo.kcjg" placeholder="1234元/5天"/>
                                <!--<textarea placeholder="1234元/5天" v-model="btCustomerProBaseinfo.kcjg" style="margin: 0px; width: 369px; height: 116px;"></textarea>-->
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">宣传主题</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-for="(item, index) in outlinearr" :key="index" v-model="outlinearr[index]" placeholder="宣传主题"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label"></div>
                            <input type="button" class="btn btn-primary" @click="saveOrUpdateParam" value="确定"/>
                        </div>
                    </form>
                </div>
                <div id="tab3" class="tab-content">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">详情</div>
                            <div class="col-sm-10">
                                <!--<input type="text" class="form-control" v-model="btCustomerSummary.context" placeholder="简介"/>-->
                                <textarea id="activity_detail" name="contentDetail" v-model="btCustomerProDetail.context"
                                          type="text/plain" style="width:1400px;height:600px;" placeholder="简介"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label"></div>
                            <input type="button" class="btn btn-primary" @click="saveOrUpdateDetail" value="确定"/>
                            <!-- &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>-->
                        </div>
                    </form>
                </div>
                <div id="tab4" class="tab-content">
                    <div>
                        <table class="yq-table">
                            <thead>
                            <tr>
                                <th>主办城市</th>
                                <th>线    路</th>
                                <th>开始时间</th>
                                <th>结束时间</th>
                                <th>价    格</th>
                                <th>优惠价格</th>
                                <th>状    态</th>
                                <th>操    作</th>
                            </tr>
                            </thead>
                            <tbody id="tby">
                            <!--<tr v-for="(item,index) in stu">
                                <td>{{item.sex}}</td>
                                <td>{{item.age}}</td>
                                <td>{{item.score}}</td>
                            </tr>-->
                            </tbody>
                        </table>
                    </div>
                    <div>
                        <button>添加</button>
                    </div>
                    <div>
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-2 control-label">产品id</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.proId" placeholder="产品id"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">主办城市</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.hdcty" placeholder="主办城市"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">线路</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.xianlu" placeholder="线路"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">开始时间</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.startTime" placeholder="开始时间"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">结束时间</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.end" placeholder="结束时间"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">价格</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.price" placeholder="价格"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">优惠价格</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.disprice" placeholder="优惠价格"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label">0正常1结束</div>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" v-model="btCustomerProYinqi.status" placeholder="0正常1结束"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                            </div>
                        </form>
                    </div>
                </div>
                <div id="tab5" class="tab-content">功能待开发</div>
            </div>
        </div>

    </div>
     <div id="unshowtable" class="right">
         <strong class="col-sm-5 control-label" style="font-size: 16px;">没有产品列表！！</strong>
     </div>

</div>

<script src="${request.contextPath}/statics/js/modules/sys/catagroymanager.js?_${.now?long}"></script>
</body>
</html>